<div id="nieuws-wrapper">
        <div id="nieuws-handle">
        <nav class="">
           <a href="{{ path('news') }}">{{ "nieuws" | trans }} <span class="nieuws-handle-arrow JsOnly">&#x21E9;</span></a>
        </nav>
        </div>
         <div class="nieuws" style="display: none; ">
            <div class="tab-wrapper">
	          <ul class="tabs">
	                {% for entry in news %}
	                <li>
	                    <a href="#nieuws{{ loop.index }}" class="{% if loop.index is sameas(1) %}current{% endif %}">
	                        <img src="{{ asset('images/photo/news/'~entry.id~'t.jpg') }}" alt="{{ ("title."~entry.id) | trans({},"images") | raw }}" >
	                        <h3>{{ ("title."~entry.id) | trans({},"images") | raw }}</h3>
	                        <span class="arrow"><span></span></span>
	                    </a>
	                     
	                </li>
	                {% endfor %}
	               
	            </ul>
	            
	            
	            <div class="panes generated">
	            
	                {% for entry in news %}
	                <div style="{% if loop.index is sameas(1) %}display:block;{% else %}display:none;{% endif %}">
	                    {{ ("text."~entry.id) | trans({},"images") | raw }}
	                </div>
	                {% endfor %}
	   
	            </div>
	        
            </div>
        

        </div>
        </div>